<!DOCTYPE html>
<html>
<head>
<s3:data name='CollDatas.headerScript' />
<s3:import type="css"></s3:import>
    
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css">
<title></title>
<style type="text/css">
.head-style:after{ height: 0px; }
</style>
</head>
<body>

<header class="cmp-bar cmp-bar-nav head-style">
    <a id="goBackBtn" href="javascript:void(0)" class="cmp-pull-left left-btn">
        <span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>
    <a id="more" href="javascript:void(0)" class="cmp-pull-right right-btn">
        <span  id="searchBtn" class="see-icon-search"><em class="dot"></em></span>
    </a>
    <h1 id="listDefaultState" class="cmp-title"><i18n key="collaboration.page.lable.formTemplate"></i18n></h1>
</header>

<div class="cmp-content  position_relative cmp-col-content">
    <div id="sliderSegmentedControl" class="cmp-segmented-control cmp-segmented-control-inverted col cmp-segmented-control-primary new-tab-nav" >
          <a id="rencentUseTemplate_tab" class="cmp-control-item cmp-active" href="#rencentUseTemplate">
                 <i18n key="collaboration.page.lable.rencentUseTemplate"></i18n>
          </a>
          <a id="rootCategory_tab" class="cmp-control-item" href="#rootCategory">
                 <i18n key="collaboration.page.lable.allTemplate"></i18n>
          </a>
    </div>
       <div id="rencentUseTemplate" class="form_template  cmp-control-content cmp-active white" >
            <div id="rencentUseTemplateScroll" class="cmp-scroll-wrapper" >
                <div class="cmp-scroll" >
                    <ul class="cmp-list-content file-index-content new-temp-list" id="rencentTemplateList">
                       
                    </ul>
                </div>
            </div>
        </div>
        <div id="rootCategory" class="all_web  cmp-control-content white">
            <div id="rootCategoryScroll" class="cmp-scroll-wrapper" >
                <div class="cmp-scroll">
                    <ul class="cmp-list-content file-index-content new-temp-list" id="rootCategoryList">

                    </ul>
                </div>
            </div>
        </div>
    <div id="childCategory" class="cmp-control-content cmp-active display_none ">
       <div id="childCategoryScroll" class="cmp-scroll-wrapper white border_t">
           <div class="cmp-scroll">
               <ul class="cmp-list-content file-index-content new-temp-list" id="childCategoryList">

               </ul>
           </div>
       </div>
   </div>
</div>
    <s3:data name='cordova' />
<s3:import type="js"></s3:import>
<s3:data name='CollDatas.i18nScript' />
    
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<s3:data name='CollDatas.footerScript' />
<script src="<s3:data name='dependencies.collaboration'/>/js/templateIndex.js${data:buildversion}"></script>
<script type="text/html" id="templateTpl">
    <% if(this!=null){ %>
    <% for(i=0;i<this.length;i++){%>
    <li class="cmp-list-cell templateList" hasOfficeTemp="<%=this[i].hasOfficeTemp%>" data="<%=this[i].id%>">
       <div class="cmp-list-cell-img   cmp-left">
             <div class="cmp-icon-document squares"></div>
       </div>
       <div class="cmp-list-cell-info width_85">
             <span class="cmp-ellipsis cmp-pull-left list_title_name" >
                   <%=this[i].subject.escapeHTML()%>
             </span>
       </div>
    </li>
    <% }} %>
</script>

<script type="text/html" id="templateCategoryTpl">
    <% if(this!=null){ %>
    <% for(i=0;i<this.length;i++){%>
    <li class="cmp-list-cell categoryList" data="<%=this[i].id%>">
        <div class="cmp-list-cell-img cmp-left">
             <div class="cmp-icon-document folder"></div>
        </div>
        <div class="cmp-list-cell-info">
             <span class="cmp-ellipsis cmp-pull-left list_title_name">
                    <%=this[i].name.escapeHTML()%>
             </span>
             
        </div>
        <div class="cmp-list-navigate">
            <span class="cmp-pull-left cmp-h5 text_info"><%=this[i].temlateSize %></span>
             <span class="cmp-icon cmp-icon-arrowright" style=" line-height: 40px; "></span>
        </div>
     </li>
    <% }} %>
</script>
</body>
</html>

<!--******************** auto import check  ****************--!>